<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:view contentType="text/html">
        <h:head>
            <script type="text/javascript">
                function despliegaArea(opcion, url){
                    if (opcion == 'trabajo'){
                         $("#areaTrabajo").show("fast");
                         $("#areaMenu").hide("fast");
                         $("#iframeContenido").attr('src', url);
                    }
                    if (opcion == 'menu'){
                         $("#areaTrabajo").hide("fast");
                         $("#areaMenu").show("fast");
                         $("#iframeContenido").attr('src', '');
                    }
                }
            </script>
            <script  type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
            <h:outputScript library="js" name="ensamblaCar.js" />
            <style type="text/css">
                body {
                    background-image: url(images/bg.gif);
                    background-repeat: repeat-x;
                }
            </style>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Ensambla car</title>
            </f:facet>
        </h:head>

        <h:body>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="center"><table width="674px" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><img src="images/logo-ec.jpg" width="674" height="200" alt="logo" /></td>
                            </tr>
                            <tr>
                                <td><img src="images/abajo-logo.gif" width="674" height="17" /></td>
                            </tr>
                            <tr>
                                <td>
                                    <div id="areaMenu">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:white">
                                            <tr>
                                                <td><div onclick="despliegaArea('trabajo','especificacionTecnica.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-especificacionTecnica','','images/btn-especificacion-over.gif',1)"><img src="images/btn-especificacion.gif" alt="Especificación Técnica" width="332" height="145" id="btn-especificacionTecnica" /></div></td>
                                                <td><div onclick="despliegaArea('trabajo','mantenedorBodega.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-bodega','','images/btn-bodega-over.gif',1)"><img src="images/btn-bodega.gif" alt="Bodega" width="342" height="145" id="btn-bodega" /></div></td>
                                            </tr>
                                            <tr>
                                                <td><div onclick="despliegaArea('trabajo','agregarPieza.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-pieza','','images/btn-piezas-over.gif',1)"><img src="images/btn-piezas.gif" alt="Piezas" width="332" height="145" id="btn-pieza" /></div></td>
                                                <td><div onclick="despliegaArea('trabajo','agregarFabrica.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-fabrica','','images/btn-fabrica-over.gif',1)"><img src="images/btn-fabrica.gif" alt="Fábrica" width="342" height="145" id="btn-fabrica" /></div></td>
                                            </tr>
                                            <tr>
                                                <td><div onclick="despliegaArea('trabajo','mantenedorEmpleado.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-empleado','','images/btn-empleado-over.gif',1)"><img src="images/btn-empleado.gif" alt="Empleado" width="332" height="145" id="btn-empleado" /></div></td>
                                                <td><div onclick="despliegaArea('trabajo','mantenedorUnidad.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-unidad','','images/btn-unidad-over.gif',1)"><img src="images/btn-unidad.gif" alt="Unidad" width="342" height="145" id="btn-unidad" /></div></td>
                                            </tr>
                                            <tr>
                                                <td><div onclick="despliegaArea('trabajo','mantenedorVersion.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-version','','images/btn-version-over.gif',1)"><img src="images/btn-version.gif" alt="Version" width="332" height="145" id="btn-version" /></div></td>
                                                <td><div onclick="despliegaArea('trabajo','mantenedorModelo.xhtml')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-modelo','','images/btn-modelo-over.gif',1)"><img src="images/btn-modelo.gif" alt="Modelo" width="342" height="145" id="btn-modelo" /></div></td>
                                            </tr>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                            <tr><td>
                                    <div id="areaTrabajo" style="display:none">
                                        <table width="672px" border="0" cellspacing="0" cellpadding="0" style="background-color:white">
                                            <tr>
                                                <td>
                                                    <div onclick="despliegaArea('menu')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('btn-menuPrincipal','','images/btn_volver-over.gif',1)"><img src="images/btn_volver.gif" alt="MenuPrincipal" width="100%" height="100%" id="btn-menuPrincipal" /></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <iframe frameborder="0" width="99%" height="700" id="iframeContenido"></iframe>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </td></tr>
                        </table>
                    </td>
                </tr>
            </table>

        </h:body>

    </f:view>
</html>